// 用户信息
let userInfo = null;

// 检查本地存储中的用户信息
function checkUserInfo() {
    const storedUserInfo = localStorage.getItem('userInfo');
    if (storedUserInfo) {
        userInfo = JSON.parse(storedUserInfo);
        updateUserInfo();
    }
}

// 更新用户信息显示
function updateUserInfo() {
    const nicknameElement = document.querySelector('.nickname');
    const avatarElement = document.querySelector('.avatar');
    const loginBtn = document.getElementById('loginBtn');

    if (userInfo) {
        nicknameElement.textContent = userInfo.nickName;
        avatarElement.src = userInfo.avatarUrl;
        loginBtn.style.display = 'none';
    } else {
        nicknameElement.textContent = '未登录';
        avatarElement.src = 'assets/images/default-avatar.png';
        loginBtn.style.display = 'block';
    }
}

// 模拟登录
function login() {
    // 这里模拟获取用户信息
    userInfo = {
        nickName: '测试用户',
        avatarUrl: 'assets/images/default-avatar.png'
    };
    
    // 保存到本地存储
    localStorage.setItem('userInfo', JSON.stringify(userInfo));
    
    // 更新界面
    updateUserInfo();
    
    showToast('登录成功');
}

// 显示提示信息
function showToast(message) {
    const toast = document.createElement('div');
    toast.className = 'toast';
    toast.textContent = message;
    
    Object.assign(toast.style, {
        position: 'fixed',
        top: '50%',
        left: '50%',
        transform: 'translate(-50%, -50%)',
        backgroundColor: 'rgba(0, 0, 0, 0.7)',
        color: '#fff',
        padding: '10px 20px',
        borderRadius: '4px',
        zIndex: '9999',
        transition: 'opacity 0.3s'
    });

    document.body.appendChild(toast);

    setTimeout(() => {
        toast.style.opacity = '0';
        setTimeout(() => {
            document.body.removeChild(toast);
        }, 300);
    }, 2000);
}

// 菜单项点击事件
document.querySelectorAll('.menu-item').forEach(item => {
    item.addEventListener('click', function() {
        const id = this.getAttribute('data-id');
        showToast(`点击了菜单${id}`);
    });
});

// 登录按钮点击事件
document.getElementById('loginBtn').addEventListener('click', login);

// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', () => {
    checkUserInfo();
}); 